UserCSSをbundleするDeno script

optionを渡せばminifyもできる

用途

UserCSSの読み込みを速くする

2021-07-06 06:15:35 現在、各projectに手作業でコピペしているので、変更作業が大変

使い方

以下を実行する

code:sh

filename.css

bundleしたいstyleのentry point

localのファイルでもインターネット上のファイルでも可

--outfile

bundle後のCSSファイルのファイル名

指定しないとコードが標準出力に出力される

あとはesbuildの引数と同じ

実装

実装したいこと

esbuildのオプション引数を全部羅列するのが面倒か

code

code:build.ts

import { run } from './script.ts';

if (typeof entryFilePath === 'number') throw Error('entryFilePath must be string');

await run(entryFilePath, options);

code:script.ts

// 特定のpropertyを削るやつ

type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;

export async function run(filename: string, options: Omit<BuildOptions, 'entryPoints' | 'platform' | 'plugins'>) {

let useTempFile = false;

let result: BuildResult | undefined = undefined;

try {

if (/^https?:\/\//.test(filename)) {

filename = tempname;

useTempFile = true;

}

const _options: BuildOptions = {

platform: 'neutral',

...options,

};

result = await build(_options);

stop();

} catch(e) {

throw e;

}finally {

//後始末

if (useTempFile) await Deno.remove(filename);

if (await exists('./cache')) await Deno.remove('./cache', { recursive: true });

}

return result;

}